<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>AUDI CLUBS</title>
<link href="styles/style.css" rel="stylesheet" type="text/css" />
</head>

<body id="setbgimg1">
<div class="top_warp">
  <div class="top_nav">
    <ul>
      <li class="logoset1"><a href="#"><em>一汽大众</em></a></li>
      <li class="logoset2"><a href="#"><em>audi club</em></a></li>
      <li class="navset1"><a href="#" class="selected"><em>首页</em></a></li>
      <li class="navset2"><a href="#"><em>圈子</em></a></li>
      <li class="navset3"><a href="#"><em>活动</em></a></li>
      <li class="navset4"><a href="#"><em></em></a></li> <li class="navset5"><a href="#"><em></em></a></li> <li class="navset6"><a href="#"><em></em></a></li>
      <li class="searchset1">
      </li>
      <li class="logoset3"><a href="#"><em>突破科技启迪未来</em></a></li>
    </ul>
  </div>
</div>
<div  class="clear"></div>
<div class="body_contents">
  <div class="body_contents_left" style="padding-top:30px;">
    <div class="useravata"><a href="#"><img src="images/115x115.jpg" /></a></div>
    <div class="body_contents_left_bg">
      <div class="userinfo">
        <div class="userinfo_name">jimy zhou</div>
        <div class="userinfo_nav">
          <ul>
            <li class="userinfo_nav_set1"><a href="#viewset1"></a></li>
            <li class="userinfo_nav_set2"><a href="#viewset2"><span>99</span></a></li>
            <li class="userinfo_nav_set3"><a href="#viewset3" class="selected"></a></li>
          </ul>
        </div>
        <div id="viewset1" style="display:block; background-image:url(images/119x78.jpg); width:119px; height:78px; position:absolute">
          <div class="viewset1set">
           
           <div class="viewset1set_submenu" style="padding-top:10px;"><img src="images/viewset1_ico_1.jpg" /><a href="#">编辑个人资料</a></div>
               <div class="viewset1set_submenu" style="border:0px;"><img src="images/viewset1_ico_2.jpg"  /><a href="#">退出</a></div>
           
           
          </div>
        </div>
      </div>
      <div class="clear"></div>
      <div class="userinfo_nav_login"> <ul>
          <li style="background-image:url(images/userinfo_ico1.jpg);"><a href="#">我的主页</a></li>
          <li style="background-image:url(images/userinfo_ico2.jpg);"><a href="#">我的圈子</a></li>
        
          <li style="background-image:url(images/userinfo_ico5.jpg);"><a href="#">我的活动</a></li>
    
        </ul>
      </div>
      <div class="clear"></div>
      <div class="body_contents_left_list_banner"> <a href="#"><img src="images/frame_left_banner1.jpg" /></a> </div>
      <div class="body_contents_left_btn"></div>
    </div>
  </div>
  <div class="body_contents_middle">


    <div class="body_contents_middle_title" style="padding-top:30px;"> <img src="images/title_01_hdsy.jpg" /> </div>
    <div class="body_contents_middle_title" > <img src="images/title_01_hdsy2.jpg" /> </div>
    <div class="body_contents_middle_list">
      <div id="body_contents_middle_list_main" role="body_contents_middle_list_main">
        <ul id="tiles">
          <li> <a href="#" class="litpic"><img src="images/hp_img1.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li> <li> <a href="#" class="litpic"><img src="images/hp_img2.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>  <li> <a href="#" class="litpic"><img src="images/hp_img3.jpg" /></a>
            <p class="direction"><strong>2012年驾控汇活动</strong><br />
2012-06-05</p>
<p class="direction2">
这个地方特产冰这个地方魂质感都会从他们的他们的作品微微渗出。
<br />
<a href="#"><img src="images/btn_view_more.jpg" /></a>
</p>
<p class="direction3">201人参加</p>
          
          </li>
       
           
        </ul>
      </div>
    </div>
  </div>
  <div class="body_contents_right" style="padding-top:20px">
    <div class="body_contents_right_bg">
    <div><a href="#"><img src="images/196x150.jpg"  /></a></div>
      <div class="body_contents_right_title"> <strong>俱乐部公告</strong><a href="#">更多...</a></div>
      <div style="width:170px; margin:0px auto">
        <ul class="list_jlbgg"> <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li> <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li> <li><a href="#"><img src="images/ico_arrow.jpg" />&nbsp;积分换好礼上线啦积分换好</a><span>2012－5－1</span></li>
        </ul>
      </div>
      <div class="body_contents_right_title"> <strong>积分换礼推荐</strong><a href="#">更多...</a></div>
      <ul class="list_jfhltj">
        <li> <a href="#" class="litpic"><img src="images/frame_right_pro_1.jpg" /></a> <a href="#" class="title"><img src="images/ico_arrow.jpg" />&nbsp;奥迪奥迪R8车模车模（国产）</a>
          <p class="direction"> <b><img src="images/ico_jf.jpg" align="absmiddle" />&nbsp;10000分</b><a href="#"><img src="images/btn_view_more.jpg" /></a> </p>
        </li>
        <li> <a href="#" class="litpic"><img src="images/frame_right_pro_2.jpg" /></a> <a href="#" class="title"><img src="images/ico_arrow.jpg" />&nbsp;奥迪奥迪R8车模车模（国产）</a>
          <p class="direction"> <b><img src="images/ico_jf.jpg" align="absmiddle" />&nbsp;10000分</b><a href="#"><img src="images/btn_view_more.jpg" /></a> </p>
        </li>
        <li> <a href="#" class="litpic"><img src="images/frame_right_pro_3.jpg" /></a> <a href="#" class="title"><img src="images/ico_arrow.jpg" />&nbsp;奥迪奥迪R8车模车模（国产）</a>
          <p class="direction"> <b><img src="images/ico_jf.jpg" align="absmiddle" />&nbsp;10000分</b><a href="#"><img src="images/btn_view_more.jpg" /></a> </p>
        </li>
      </ul>
      <div class="body_contents_right_title"> <strong>用户推荐</strong><a href="#">更多...</a></div>
      <ul class="body_contents_right_list_49x49">
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
        <li><a href="#"><img src="images/49x49.jpg" /><span>阳光</span></a></li>
      </ul>
      <div class="body_contents_right_title"> <strong>圈子推荐</strong><a href="#">更多...</a></div>
      <ul class="body_contents_right_list_49x49">
        <li><a href="#"><div class="litpic5050yuan" style="background-image:url(images/115x115.jpg);"><img src="images/50x50.png" /></div><span>阳光</span></a></li>
        <li><a href="#"><div class="litpic5050yuan" style="background-image:url(images/115x115.jpg);"><img src="images/50x50.png" /></div><span>阳光</span></a></li>
        <li><a href="#"><div class="litpic5050yuan" style="background-image:url(images/115x115.jpg);"><img src="images/50x50.png" /></div><span>阳光</span></a></li>
      </ul>
    </div>
    <div class="body_contents_right_btn"></div>
  </div>
</div>
<div  class="clear"></div>
<div class="footer_warp">
  <div class="footer_nav">
    <p><a href="#">关于奥迪驾控汇</a> | <a href="#">查找经销商</a> | <a href="#">预约试驾</a> 丨 <a href="#">网站地图</a> | <a href="#">帮助中心</a> | <a href="#">版权声明</a> | <a href="#">奥迪中国</a> 丨 <a href="#">奥迪全球</a></p>
    <p> <span class="engfont">&copy;&nbsp;2010.Audi AG.All rights reserved. </span> 京ICP备05002557号 </p>
  </div>
</div>
<script src="scripts/jquery-1.7.1.min.js"></script> 
<script language="javascript" src="scripts/jquery.idTabs.min.js"></script> 
<script language="javascript" src="scripts/public.js"></script> 
<script src="scripts/jquery.imagesloaded.js"></script> 
<script src="scripts/jquery.wookmark.js"></script> 
<script type="text/javascript">
    $('#tiles').imagesLoaded(function() {
      // Prepare layout options.
      var options = {
        autoResize: true, // This will auto-update the layout when the browser window is resized.
        container: $('#body_contents_middle_list_main'), // Optional, used for some extra CSS styling
        offset: 7, // Optional, the distance between grid items
        itemWidth: 177 // Optional, the width of a grid item
      };
      
      // Get a reference to your grid items.
      var handler = $('#tiles li');
      
      // Call the layout function.
      handler.wookmark(options);
      
      // Capture clicks on grid items.
      handler.click(function(){

      });
	  $(".userinfo_nav").idTabs("!mouseover");
    });
  </script>
</body>
</html>
